<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo列表</title>
    <link rel="shortcut icon" href="favicon.ico">
    <style>
        body{ font-family: 'microsoft Yahei';}
        dd a{ padding: 2px 0; color: #333333; text-decoration: none; transition: all .1s;}
        dd a:hover{ color: blue; }
    </style>
</head>
<body>
<dl>
  <dt>&clubs; <b>api</b></dt>
  <dd>&bull; <a href="demos\api\getpoint\index.html">demos\api\getpoint\index.html - 地图坐标拾取</a></dd>
  <dd>&bull; <a href="demos\api\qqMap\index.html">demos\api\qqMap\index.html - qqMap</a></dd>
</dl>
<dl>
  <dt>&clubs; <b>html+css</b></dt>
  <dd>&bull; <a href="demos\html+css\baidu_search.html">demos\html+css\baidu_search.html - 百度搜索</a></dd>
  <dd>&bull; <a href="demos\html+css\box_middle.html">demos\html+css\box_middle.html - 高度不固定的盒子 垂直居中</a></dd>
  <dd>&bull; <a href="demos\html+css\css_heart.html">demos\html+css\css_heart.html - css-画心形</a></dd>
  <dd>&bull; <a href="demos\html+css\diagonal.html">demos\html+css\diagonal.html - 斜线</a></dd>
  <dd>&bull; <a href="demos\html+css\three_columns_1.html">demos\html+css\three_columns_1.html - 三栏布局--左右自适应 中间固定</a></dd>
  <dd>&bull; <a href="demos\html+css\three_columns_2.html">demos\html+css\three_columns_2.html - 三栏布局--左右固定 中间自适应</a></dd>
  <dd>&bull; <a href="demos\html+css\three_rows.html">demos\html+css\three_rows.html - 头尾固定中间高度自适应布局</a></dd>
  <dd>&bull; <a href="demos\html+css\triangle.html">demos\html+css\triangle.html - 三角</a></dd>
</dl>
<dl>
  <dt>&clubs; <b>javascript</b></dt>
  <dd>&bull; <a href="demos\javascript\ajax\index.html">demos\javascript\ajax\index.html - 简单的ajax请求</a></dd>
  <dd>&bull; <a href="demos\javascript\banner\index.html">demos\javascript\banner\index.html - 焦点图-轮播-banner</a></dd>
  <dd>&bull; <a href="demos\javascript\clip_image.html">demos\javascript\clip_image.html - JS图片裁剪</a></dd>
  <dd>&bull; <a href="demos\javascript\code.html">demos\javascript\code.html - 随机验证码</a></dd>
  <dd>&bull; <a href="demos\javascript\exit_confirm\index.html">demos\javascript\exit_confirm\index.html - 退出页面确认</a></dd>
  <dd>&bull; <a href="demos\javascript\geolocation.html">demos\javascript\geolocation.html - 地理定位（navigator.geolocation）</a></dd>
  <dd>&bull; <a href="demos\javascript\img_size\index.html">demos\javascript\img_size\index.html - 固定盒子大小 图片等比缩放 显示中间部分</a></dd>
  <dd>&bull; <a href="demos\javascript\long_tap.html">demos\javascript\long_tap.html - 长按</a></dd>
  <dd>&bull; <a href="demos\javascript\long_tap_mobile.html">demos\javascript\long_tap_mobile.html - 长按-mobile</a></dd>
  <dd>&bull; <a href="demos\javascript\mobile_swipe.html">demos\javascript\mobile_swipe.html - 手机左右滑动</a></dd>
  <dd>&bull; <a href="demos\javascript\OA_system_frame\index.html">demos\javascript\OA_system_frame\index.html - OA系统框架</a></dd>
  <dd>&bull; <a href="demos\javascript\plugin\index.html">demos\javascript\plugin\index.html - js和jQuery插件案例</a></dd>
  <dd>&bull; <a href="demos\javascript\printer.html">demos\javascript\printer.html - JS实现简单的页面局部打印</a></dd>
  <dd>&bull; <a href="demos\javascript\roll_number.html">demos\javascript\roll_number.html - 数字滚动显示</a></dd>
  <dd>&bull; <a href="demos\javascript\text_scroll_x.html">demos\javascript\text_scroll_x.html - JS特效文字左右无间断滚动</a></dd>
  <dd>&bull; <a href="demos\javascript\text_show_one_by_one.html">demos\javascript\text_show_one_by_one.html - 文字逐个显示</a></dd>
  <dd>&bull; <a href="demos\javascript\video\index.html">demos\javascript\video\index.html - 动态添加文字到视频</a></dd>
</dl>
<dl>
  <dt>&clubs; <b>plugins</b></dt>
  <dd>&bull; <a href="demos\plugins\jcrop\index.html">demos\plugins\jcrop\index.html - 利用Jcrop+Canvas实现前端图片裁剪</a></dd>
</dl>
<dl>
  <dt>&clubs; <b>test</b></dt>
  <dd>&bull; <a href="demos\test\01.html">demos\test\01.html - Title</a></dd>
  <dd>&bull; <a href="demos\test\vuejs.html">demos\test\vuejs.html - vuejs</a></dd>
</dl>
</body>
</html>